Collapsible Menu Script Javascript

Javascripts > Javascript Menus > Collapsible Menu Script

Script Title: Collapsible Menu Script

Description: Collapsible menus that turn into submenus. Useful for things like categorizing subjects and a table of contents.

Example: Available

Menu 1
Menu 2

Copy the following code between the <BODY></BODY> tags of your html page.

  <a href="#" onclick="collapse_menu(menu1, 0); return false">Menu 1</a> <a href="#" onclick="collapse_menu(menu2, 1); return false">Menu 2</a> <script language="javascript"> //Collapsible Menu Script. //Created by Kyle Edwards. //Please keep this notice intact. //This defines the arrays that contain info about the menus. Do NOT edit. var on_off=new Array(); var menu_code=new Array(); //Below, define number_of_menus. It should be equal to the number of menus you have. number_of_menus=2; //Here we define the code for the menus. Inside the quotation marks, type in the value of each option. //Note: After each option, you need to put a tag. //Note: If you want to indent the options, type   for each space of indentation. //and a </blockquote> tag at the end. //Example: "  Option 1   Option 2 " //This puts two spaces at the beginning of each option. menu_code[0]="Option 1 Option 2 Option 3 "; menu_code[1]="Option 1 Option 2 Option 3 "; //Everything below this notice is the code that expands and collapses the menus. Do NOT edit. for (loop=0; loop<number_of_menus; loop++){ on_off[loop]=0; } function collapse_menu(menu_id, menu_number){ if (on_off[menu_number]==0){ menu_id.innerHTML=menu_code[menu_number]; on_off[menu_number]=1; }else{ menu_id.innerHTML=""; on_off[menu_number]=0; } } </script>

Graphxkingdom
Thousands of free Icons, Clipart & Themes!

Free-Backgrounds
Hundreds of eye-popping Backgrounds & Textures

Java-scripts.net
Cool and easy effects with cut-and-paste Javascripts!